NoSsrコンポーネントを使うと、そのchildren要素をサーバーサイドレンダリングで無視できます。これは内部でwindowオブジェクトのようなクライアントサイドでしか動作しないようなコンポーネントを使っている場合にラップすることで、その問題を回避できます。

使うには以下で取り込みます。

import NoSsr from '@material-ui/core/NoSsr';
// import {NoSsr} from '@material-ui/core';

そして対象のコンポーネントをラップするだけです。


  

JavaScript で飯食べたい歴約 5 年、 純( nju33 ) によるノートサイトです。

このサイトではドリンク代や奨学金返済の為、広告などを貼らせて頂いてますがご了承ください。

Change Log